import React from "react";


export default function (props) {
    return (
        <div style={{
            background: '#D6EAF8',
            borderRadius: 20,
            padding: 20,
            color: '#92a3a6'
        }}>
            <div style={{
                marginBottom: 30
            }}>
                <p>
                    Courses
                </p>
                <p>
                    Completed
                </p>
            </div>
            <div style={{
                color: '#2E86C1',
                fontWeight: 'bold',
                fontSize: 40,
                width: '100%',
                display: "flex",
            }}>
                <div style={{
                    borderRadius: '4px',
                    border: '4px solid #2E86C1',
                }}/>
                <p style={{
                    flexGrow: 1,
                    textAlign: 'right',
                }}>
                    05
                </p>
            </div>
        </div>
    )
}